<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<link rel="icon" href="../images/logo.png" type="image/ico" />
	<style type="text/css">
.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}

.ui-widget {
	font-size: 9px !important;
}

.size {
	width: 700px;
	position: relative;
	left: 20%;
	top: 10%;
}

.centro {
	top: 50%
}

.tabela {
	width: 730px;
}
</style>

	<title>Mensagem - Ouvidoria</title>
</h:head>

<h:body>
	<ui:decorate template="/templateBase.xhtml">
		<ui:define name="center">
			<p:growl life="3000" id="growl" autoUpdate="true" />
			<h:form id="formMsgOuvidoria" prependId="false"
				acceptcharset="ISO-8859-1" lang="pt">
				<br />
				<br />
				<p:panel header="Mensagem ouvidoria" styleClass="size"
					footer="Integração - Portal de Serviços e Comunicação">
					<br />
					<h:panelGrid columns="2" cellspacing="5">
						<h:outputText value="Usuário: " />
						<p:selectOneMenu value="#{ouvidoriaBacking.mensagem.tipoPessoa}"
							required="true" requiredMessage="Selecione um tipo de usuário">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItem itemLabel="Aluno - Graduação"
								itemValue="Aluno-Graduacao" />
							<f:selectItem itemLabel="Aluno - Extensão"
								itemValue="Aluno-Extensao" />
							<f:selectItem itemLabel="Aluno - Pós-Graduação"
								itemValue="Aluno-PosGraducao" />
							<f:selectItem itemLabel="Colaborador(a)"
								itemValue="Colaborador(a)" />
							<f:selectItem itemLabel="Comunidade" itemValue="Comunidade" />
							<f:selectItem itemLabel="Participante de algum evento"
								itemValue="Participante-Evento" />
							<f:selectItem itemLabel="Professor" itemValue="Professor" />
						</p:selectOneMenu>

						<h:outputText value="Nome completo: " />
						<p:inputText value="#{ouvidoriaBacking.mensagem.nome}"
							required="true"
							requiredMessage="Nome completo deve ser preenchido"
							title="Nome completo do solicitante" size="70"/>

						<h:outputText value="E-mail: " />
						<p:inputText value="#{ouvidoriaBacking.mensagem.email}"
							required="true" requiredMessage="Email deve ser preenchido"
							title="E-mail do solicitante" size="70" />

						<h:outputText value="Telefone: " />
						<p:inputMask value="#{ouvidoriaBacking.mensagem.telefone}"
							required="true" requiredMessage="Telefone deve ser preenchido"
							title="Telefone do solicitante" mask="(99)9999-9999" size="15" />

						<h:outputText value="Categoria: " />
						<p:selectOneMenu
							value="#{ouvidoriaBacking.codCategoriaSelecionada}"
							required="true"
							requiredMessage="É necessário informar a categoria da mensagem">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItems value="#{ouvidoriaBacking.listaCategoria}"
								var="mo" itemLabel="#{mo.descricao}" itemValue="#{mo.id}" />
						</p:selectOneMenu>

						<h:outputText value="Motivo: " />
						<p:selectOneMenu value="#{ouvidoriaBacking.codMotivoSelecionado}"
							required="true"
							requiredMessage="É necessário informar o motivo da mensagem">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItems value="#{ouvidoriaBacking.listaMotivo}" var="mo"
								itemLabel="#{mo.descricao}" itemValue="#{mo.id}" />
						</p:selectOneMenu>

						<h:outputText value="Assunto: " />
						<p:inputText value="#{ouvidoriaBacking.mensagem.assunto}"
							title="Assunto da mensagem" required="true"
							requiredMessage="Assunto deve ser preenchido" size="70" />

						<h:outputText value="Mensagem: " />
						<p:inputTextarea value="#{ouvidoriaBacking.mensagem.msg}" rows="5"
							cols="100" required="true"
							requiredMessage="Mensagem deve ser preenchida"
							title="Escreve sua mensagem" />
					</h:panelGrid>
					<br />
					<div align="center">
						<p:commandButton update=":growl;formMsgOuvidoria" value="Salvar"
							title="Clique para salvar a mensagem"
							actionListener="#{ouvidoriaBacking.salvar}" icon="ui-icon-check"
							ajax="false" />
							<p:spacer height="0" width="5" />
						<p:commandButton value="Cancelar"
							actionListener="#{ouvidoriaBacking.reset}"
							update="formMsgOuvidoria" icon="ui-icon-close" ajax="false"
							title="Clique para cancelar" />
					</div>
				</p:panel>
			</h:form>


		</ui:define>
	</ui:decorate>
</h:body>
</html>